#wdimagesview-mask { position: fixed; width: 100%; height: 100%; background:  rgba(0,0,0,0.5) !important; filter:Alpha(opacity=70); background: #000; display: none; z-index: 9999;}

#wdimagesview-main { position: fixed; width: 400px; height: 300px; background: #fff url(load.gif) no-repeat center; background-size: 80px 80px;  left: 50%; margin-left: -200px; top: 50%; margin-top:-150px; display: none; z-index: 10000}
#imgbox { width: 100%; height: 100%; position: relative; }
#imgbox img { width: 100%; display: none;}
#imgtitle { position: absolute;   left: 0px; bottom: 0px; width: 94%; height: 50px; padding: 0px 3%; background: #000; opacity: 0.8; filter:alpha(opacity=80); color: #fff; line-height: 25px; font-size: 13px; font-family: '微软雅黑';}

#wdimagesview-closed { width: 60px; height: 60px; position: fixed; top: 15px; right: 15px; background: url(closed.png) no-repeat center; transition: all 0.3s; cursor: pointer; display: none; z-index: 10000}
#wdimagesview-closed:hover { transform:  rotate(180deg);}

.wdimagesview-arr { width: 49px; height: 49px; position: fixed;  background: url(arrows.png) no-repeat; top: 50%; margin-top:-24px; opacity: 0.4; filter:alpha(opacity=40); cursor: pointer; display: none; z-index: 10000}
.wdimagesview-arr:hover :last-child{ opacity: 0.8; filter:alpha(opacity=80);}